<template>
  <div class="main">
    <br/>
    <p class="p1">一、自然源</p>
    <table class="rightTable" border="1" borderColor="#666">
      <tr>
        <td>首要污染物</td>
        <td>SO2</td>
      </tr>
      <tr>
        <td>PM2.5</td>
        <td>5</td>
      </tr>
      <tr>
        <td>PM10</td>
        <td>15</td>
      </tr>
      <tr>
        <td>O3</td>
        <td>74</td>
      </tr>
      <tr>
        <td>SO2</td>
        <td>14</td>
      </tr>
      <tr>
        <td>NO2</td>
        <td>24</td>
      </tr>
      <tr>
        <td>CO</td>
        <td>2</td>
      </tr>
      <tr>
        <td>风向</td>
        <td>西南风</td>
      </tr>
      <tr>
        <td>风速</td>
        <td>8</td>
      </tr>
      <tr>
        <td>湿度</td>
        <td>50%</td>
      </tr>
      <tr>
        <td>污染源位置</td>
        <td>体育西路</td>
      </tr>
      <tr>
        <td>污染产生时间</td>
        <td>2017-07-04 08:20:37</td>
      </tr>
      <tr>
        <td>主要因素</td>
        <td>
          <ol style="margin-left:15px;">

            <li>早晨上班高峰期，汽车尾汽排放。</li>
            <li>低压控制，地面风速减少，湿度加大，并且逐渐形成了进风逆温和大雾极端天气，造成污染物持续积累</li>
          </ol>
        </td>
      </tr>
    </table>
    <p class="p1">二、人为源</p>
    <p class="p2">1、固定源</p>
    <p class="p3">①生活</p>
    <table class="rightTable" border="1" borderColor="#666">
      <tr>
        <td>首要污染物</td>
        <td>SO2</td>
      </tr>
      <tr>
        <td>PM2.5</td>
        <td>5</td>
      </tr>
      <tr>
        <td>PM10</td>
        <td>15</td>
      </tr>
      <tr>
        <td>O3</td>
        <td>74</td>
      </tr>
      <tr>
        <td>SO2</td>
        <td>14</td>
      </tr>
      <tr>
        <td>NO2</td>
        <td>24</td>
      </tr>
      <tr>
        <td>CO</td>
        <td>2</td>
      </tr>
      <tr>
        <td>风向</td>
        <td>西南风</td>
      </tr>
      <tr>
        <td>风速</td>
        <td>8</td>
      </tr>
      <tr>
        <td>湿度</td>
        <td>50%</td>
      </tr>
      <tr>
        <td>污染源位置</td>
        <td>体育西路</td>
      </tr>
      <tr>
        <td>污染产生时间</td>
        <td>2017-07-04 08:20:37</td>
      </tr>
      <tr>
        <td>主要因素</td>
        <td>
          <ol style="margin-left:15px;">

            <li>早晨上班高峰期，汽车尾汽排放。</li>
            <li>低压控制，地面风速减少，湿度加大，并且逐渐形成了进风逆温和大雾极端天气，造成污染物持续积累</li>
          </ol>
        </td>
      </tr>
    </table>
    <p class="p3">②工业</p>
    <table class="rightTable" border="1" borderColor="#666">
      <tr>
        <td>首要污染物</td>
        <td>SO2</td>
      </tr>
      <tr>
        <td>PM2.5</td>
        <td>5</td>
      </tr>
      <tr>
        <td>PM10</td>
        <td>15</td>
      </tr>
      <tr>
        <td>O3</td>
        <td>74</td>
      </tr>
      <tr>
        <td>SO2</td>
        <td>14</td>
      </tr>
      <tr>
        <td>NO2</td>
        <td>24</td>
      </tr>
      <tr>
        <td>CO</td>
        <td>2</td>
      </tr>
      <tr>
        <td>风向</td>
        <td>西南风</td>
      </tr>
      <tr>
        <td>风速</td>
        <td>8</td>
      </tr>
      <tr>
        <td>湿度</td>
        <td>50%</td>
      </tr>
      <tr>
        <td>污染源位置</td>
        <td>体育西路</td>
      </tr>
      <tr>
        <td>污染产生时间</td>
        <td>2017-07-04 08:20:37</td>
      </tr>
      <tr>
        <td>主要因素</td>
        <td>
          <ol style="margin-left:15px;">

            <li>早晨上班高峰期，汽车尾汽排放。</li>
            <li>低压控制，地面风速减少，湿度加大，并且逐渐形成了进风逆温和大雾极端天气，造成污染物持续积累</li>
          </ol>
        </td>
      </tr>
    </table>
    <p class="p3">③其它</p>
    <table class="rightTable" border="1" borderColor="#666">
      <tr>
        <td>首要污染物</td>
        <td>SO2</td>
      </tr>
      <tr>
        <td>PM2.5</td>
        <td>5</td>
      </tr>
      <tr>
        <td>PM10</td>
        <td>15</td>
      </tr>
      <tr>
        <td>O3</td>
        <td>74</td>
      </tr>
      <tr>
        <td>SO2</td>
        <td>14</td>
      </tr>
      <tr>
        <td>NO2</td>
        <td>24</td>
      </tr>
      <tr>
        <td>CO</td>
        <td>2</td>
      </tr>
      <tr>
        <td>风向</td>
        <td>西南风</td>
      </tr>
      <tr>
        <td>风速</td>
        <td>8</td>
      </tr>
      <tr>
        <td>湿度</td>
        <td>50%</td>
      </tr>
      <tr>
        <td>污染源位置</td>
        <td>体育西路</td>
      </tr>
      <tr>
        <td>污染产生时间</td>
        <td>2017-07-04 08:20:37</td>
      </tr>
      <tr>
        <td>主要因素</td>
        <td>
          <ol style="margin-left:15px;">

            <li>早晨上班高峰期，汽车尾汽排放。</li>
            <li>低压控制，地面风速减少，湿度加大，并且逐渐形成了进风逆温和大雾极端天气，造成污染物持续积累</li>
          </ol>
        </td>
      </tr>
    </table>
    <p class="p2">2、移动源</p>
    <p class="p3">①交通</p>
    <table class="rightTable" border="1" borderColor="#666">
      <tr>
        <td>首要污染物</td>
        <td>SO2</td>
      </tr>
      <tr>
        <td>PM2.5</td>
        <td>5</td>
      </tr>
      <tr>
        <td>PM10</td>
        <td>15</td>
      </tr>
      <tr>
        <td>O3</td>
        <td>74</td>
      </tr>
      <tr>
        <td>SO2</td>
        <td>14</td>
      </tr>
      <tr>
        <td>NO2</td>
        <td>24</td>
      </tr>
      <tr>
        <td>CO</td>
        <td>2</td>
      </tr>
      <tr>
        <td>风向</td>
        <td>西南风</td>
      </tr>
      <tr>
        <td>风速</td>
        <td>8</td>
      </tr>
      <tr>
        <td>湿度</td>
        <td>50%</td>
      </tr>
      <tr>
        <td>污染源位置</td>
        <td>体育西路</td>
      </tr>
      <tr>
        <td>污染产生时间</td>
        <td>2017-07-04 08:20:37</td>
      </tr>
      <tr>
        <td>主要因素</td>
        <td>
          <ol style="margin-left:15px;">

            <li>早晨上班高峰期，汽车尾汽排放。</li>
            <li>低压控制，地面风速减少，湿度加大，并且逐渐形成了进风逆温和大雾极端天气，造成污染物持续积累</li>
          </ol>
        </td>
      </tr>
    </table>
    <p class="p3">③其它</p>
    <table class="rightTable" border="1" borderColor="#666">
      <tr>
        <td>首要污染物</td>
        <td>SO2</td>
      </tr>
      <tr>
        <td>PM2.5</td>
        <td>5</td>
      </tr>
      <tr>
        <td>PM10</td>
        <td>15</td>
      </tr>
      <tr>
        <td>O3</td>
        <td>74</td>
      </tr>
      <tr>
        <td>SO2</td>
        <td>14</td>
      </tr>
      <tr>
        <td>NO2</td>
        <td>24</td>
      </tr>
      <tr>
        <td>CO</td>
        <td>2</td>
      </tr>
      <tr>
        <td>风向</td>
        <td>西南风</td>
      </tr>
      <tr>
        <td>风速</td>
        <td>8</td>
      </tr>
      <tr>
        <td>湿度</td>
        <td>50%</td>
      </tr>
      <tr>
        <td>污染源位置</td>
        <td>体育西路</td>
      </tr>
      <tr>
        <td>污染产生时间</td>
        <td>2017-07-04 08:20:37</td>
      </tr>
      <tr>
        <td>主要因素</td>
        <td>
          <ol style="margin-left:15px;">

            <li>早晨上班高峰期，汽车尾汽排放。</li>
            <li>低压控制，地面风速减少，湿度加大，并且逐渐形成了进风逆温和大雾极端天气，造成污染物持续积累</li>
          </ol>
        </td>
      </tr>
    </table>
  </div>
</template>

<style scoped>
  *{
    padding:0;
    margin:0;
  }
  .main{
    padding:0;
    font-size:14px;
    width:600px;
    margin:0 auto;
    color:#666;
  }
  h2{
    font-size:14px;
    font-weight:200;
    cursor:pointer;
    margin-left:30px;
  }
  ul li {
    list-style: none;
    line-height: 30px;
  }
  table{
    border-collapse: collapse;
    margin:20px;
    width:calc(100% - 40px)
  }
  table td{
    padding:4px 15px;
  }
  table td:nth-child(odd){
    width:150px;
    /*background:#eee;*/
  }
  p{
    line-height: 35px;
    padding-left:10px;
  }
  .p1{
    background:#aaa;
  }
  .p2{
    margin-left:15px;
  }
  .p3{
    margin-left:30px;
  }
</style>

<script>
export default {
  methods: {
  },
  mounted () {
    window.printFun = function () {
      window.print()
    }
  },
  beforeCreate () {
    document.querySelector('body').setAttribute('style', 'background:#fff')
  },
  beforeDestroy () {
    document.querySelector('body').setAttribute('style', '')
  }
}
</script>
